<template>
  <div  id="printTest">
    <el-row :gutter="20">
  <el-col :span="4"><div class="grid-content bg-purple">姓名：{{this.sr.name}}</div></el-col>
  <el-col :span="4"><div class="grid-content bg-purple">性别：{{this.sr.sex}}</div></el-col>
  <el-col :span="4"><div class="grid-content bg-purple">年龄：{{this.sr.age}}</div></el-col>
  <el-col :span="4"><div class="grid-content bg-purple">科室：{{this.sr.status}}</div></el-col>
  <el-col :span="4"><div class="grid-content bg-purple">住院时间：{{this.sr.date}}</div></el-col>
  <el-col :span="4"><div class="grid-content bg-purple"><el-button type="primary" icon="el-icon-printer" v-print="'#printTest'" round class="btndayin" >打印证明</el-button></div></el-col>
</el-row>
    <el-row :gutter="20" class="bottomborder">
  <el-col :span="4"><div class="grid-content bg-purple">住院号：{{this.sr.chuanghao}}</div></el-col>
  <el-col :span="4"><div class="grid-content bg-purple">病床号：{{this.sr.chuanghao}}</div></el-col>
  <el-col :span="4"><div class="grid-content bg-purple">主治医师：{{this.sr.doctors}}</div></el-col>
  <el-col :span="4"><div class="grid-content bg-purple">护士：{{this.sr.nusers}}</div></el-col>

</el-row>
    <el-row :gutter="20" class="Padding">
  <el-col :span="4"><div class="grid-content bg-purple">诊断症状：{{this.sr.bingli}}</div></el-col>
</el-row>
    <el-row :gutter="20" class="Padding">
  <el-col :span="4"><div class="grid-content bg-purple">手术：{{this.sr.bingli}}</div></el-col>
</el-row>
    <el-row :gutter="20" class="Padding">
  <el-col :span="4"><div class="grid-content bg-purple">恢复情况：{{this.sr.bingli}}</div></el-col>
</el-row>
    <el-row :gutter="20" class="Padding">
  <el-col :span="4"><div class="grid-content bg-purple">备注：{{this.sr.bingli}}</div></el-col>
</el-row>
  </div>
</template>

<script>
export default {
data() {
  return {
    sr:"",
  }
},
  mounted() {
    //获取存储的数据
   this.localrow=sessionStorage.getItem("row");
   var obj=JSON.parse(this.localrow)
      this.sr=obj
  },
}
</script>

<style lang="scss" scoped>
.router-link-active {
 background-image: linear-gradient(to right, #2dc6e1, #14dfba) !important;
  padding: 14px 35px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  color: white;
  display: inline-block;
}
.btndayin{
  background: #14dfba;
  border: none;
}
.bottomborder{
  border-bottom: 1px solid black;
  padding-bottom: 30px;
}
.Padding{
  padding:20px 0 80px 0;
}
</style>